// tab
.bgBox {
  padding-top: 88rpx;
  padding-bottom: 160rpx;
  .titleBox {
    & > view {
      display: inline-block;
      color: #999;
    }
    .listType {
      font-size: 28rpx;
      margin-right: 56rpx;
    }
    .select {
      font-size: 24rpx;
      float: right;
      image {
        position: relative;
        top: 3rpx;
        width: 24rpx;
        height: 24rpx;
        margin-right: 8rpx;
      }
    }
    .screenBg {
      position: fixed;
      z-index: 4;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      margin-top: 88rpx;
      background-color: rgba(0, 0, 0, 0.6);
      .screen {
        box-sizing: border-box;
        width: 100%;
        padding: 24rpx 28rpx;
        background-color: #fff;
        .at-search-bar {
          margin-bottom: 10rpx;
          padding: 0;
          .at-search-bar__placeholder-wrap {
            padding: 0;
            .at-icon {
              margin-left: 18rpx;
            }
          }
          .at-search-bar__action {
            background-color: #4c78ff;
          }
        }
        .at-search-bar::after {
          border-bottom-width: 0;
        }
        .screenItem {
          font-size: 24px;
          line-height: 60rpx;
          display: inline-block;
          margin-right: 14rpx;
          padding: 0 24rpx;
          color: #4c78ff;
          border: 2px solid rgba(76, 120, 255, 0.5);
          border-radius: 30rpx;
        }
        .screenActive {
          color: #fff;
          background-color: #4c78ff;
        }
      }
    }
    .selectActive {
      overflow: hidden;
      color: #4c78ff;
      image {
        position: relative;
        right: 30px;

        filter: drop-shadow(30px 0px #4c78ff);
      }
    }
    .active {
      font-size: 32rpx;
      color: #4c78ff;
    }
    .listTypeLine {
      width: 20rpx;
      height: 4rpx;
      margin: auto;
      background-color: #4c78ff;
    }
  }
  // list
  .list {
    height: 84vh;
    .item {
      margin-top: 30rpx;
      padding: 30rpx;
      // 患者信息
      .baseInfo {
        margin-bottom: 26rpx;
        .base {
          .name {
            font-size: 28rpx;
            font-weight: 600;
            line-height: 40rpx;
          }
          .sex,
          .age {
            font-size: 24rpx;
            margin-left: 24rpx;
          }
          .status {
            font-size: 20rpx;
            float: right;
            padding: 6rpx;
            color: #999;
            border-radius: 4rpx;
            background-color: #f4f4f4;
          }
        }
        .info {
          line-height: 34rpx;
          margin-top: 28rpx;
          color: #999;
          .number {
            font-size: 24rpx;
            line-height: 34rpx;
          }
          .time {
            font-size: 20rpx;
            float: right;
          }
        }
      }
      // 手术信息
      .surgicalTypes {
        line-height: 90rpx;
        border-top: 2rpx solid #f7f7f7;
        .label {
          font-size: 24rpx;
        }
        .vals {
          margin-left: 34rpx;
          .val {
            font-size: 20rpx;
            line-height: 28rpx;
            margin-right: 12rpx;
            padding: 6rpx 20rpx;
            color: #4c78ff;
            border: 2rpx solid #4c78ff;
            border-radius: 4rpx;
          }
        }
      }
      // 专家信息
      .doctor {
        padding-top: 26rpx;
        border-top: 2rpx solid #f7f7f7;
        image {
          width: 70rpx;
          height: 70rpx;
          vertical-align: middle;
          border-radius: 50%;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
        }
        .name {
          font-size: 24px;
          font-weight: 500;
          margin-left: 30rpx;
        }
        .action {
          font-size: 20px;
          line-height: 70rpx;
          float: right;
          color: #666;
          .downTitle {
            line-height: 70rpx;
          }
        }
      }
    }
  }
}
